<template>
    <div class="details">
        <section class="article">
            <p>点位：{{list.siteName}}</p>
            <p>报警时间：{{list.time}}</p>
            <p>监测参数：{{list.alarmParam}}</p>
            <p>报警值：{{list.alarmValue}}</p>
            <p>报警类型：{{list.alarmTypeName}}</p>
        </section>
        <section class="fazhi">
            <p><i class="iconfont icon-star"></i>阈值</p>
            <div v-if="list.sysThreshold==null">暂无数据</div>
            <div class="box" v-if="list.sysThreshold!=null">
                <div class="flex">
                    <p>报警上限</p>
                    <p>{{list.sysThreshold.highValue}}</p>
                </div>
                <div class="flex">
                    <p>报警下限</p>
                    <p>{{list.sysThreshold.lowValue}}</p>
                </div>
                <div class="flex">
                    <p>故障上限</p>
                    <p>{{list.sysThreshold.higherValue}}</p>
                </div>
                <div class="flex">
                    <p>故障下限</p>
                    <p>{{list.sysThreshold.lowerValue}}</p>
                </div>
            </div>
        </section>
    </div>
</template>

<script>
export default {
    data(){
        return{
            list:this.$route.query.item,
            a:'0'
        }
    }
}
</script>

<style>

</style>
